<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0, user-scalable=0">
    <title>2048小游戏</title>
    <link rel="stylesheet" href="css/index.css">

<body>
    <header>
        <h1>2048</h1>
        <button id="newgamebtn">开始新游戏</button>
        <p>score:<span id="score"></span></p>
    </header>

    <div id="grid-container">
        <div class="grid-cell" id="grid-cell-0-0"></div>
        <div class="grid-cell" id="grid-cell-0-1"></div>
        <div class="grid-cell" id="grid-cell-0-2"></div>
        <div class="grid-cell" id="grid-cell-0-3"></div>

        <div class="grid-cell" id="grid-cell-1-0"></div>
        <div class="grid-cell" id="grid-cell-1-1"></div>
        <div class="grid-cell" id="grid-cell-1-2"></div>
        <div class="grid-cell" id="grid-cell-1-3"></div>

        <div class="grid-cell" id="grid-cell-2-0"></div>
        <div class="grid-cell" id="grid-cell-2-1"></div>
        <div class="grid-cell" id="grid-cell-2-2"></div>
        <div class="grid-cell" id="grid-cell-2-3"></div>

        <div class="grid-cell" id="grid-cell-3-0"></div>
        <div class="grid-cell" id="grid-cell-3-1"></div>
        <div class="grid-cell" id="grid-cell-3-2"></div>
        <div class="grid-cell" id="grid-cell-3-3"></div>
    </div>
    <div id="play">
        <button class="left">←</button>
        <button class="top">↑</button>
        <button class="bottom">↓</button>
        <button class="right">→</button>
    </div>
    <footer>
        <h3>作者：大脚</h3>
    </footer>
    <script src="css/jquery.js"></script>
    <script src="js/support.js"></script>
    <script src="js/animation.js"></script>
    <script src="js/main.js"></script>
</body>

</html>